iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 1
5
Modern Web

JavaScript初心者ノ研究日記。系列 第 1

一日目:JavaScript 雑談 始ノ章

  • 分享至 

  • xImage
  •  

大家安安!我是SONYKO。這次參賽目的為研究 JavaScript
⑅ 服用對象: 前端初學者 or 怎麼學還是對JS感到陌生的碰油。

自己對於JavaScript 上的邏輯一直無法打通,所以希望藉由30天 的文章撰寫,來加深自己對這門語言的了解。
因為還算初學者,目前正為了成為偉大的前端修煉中,不是pro 所以可能文章會出現錯誤,還請大家多多鞭策指教!

那就開始來寫第一天的文章(U 'ᴗ' U)♡


⑅ JavaScript 是做什麼用的?

一個網站的構成是由 HTML、CSS 和 JavaScript 構成的。
大家都玩過online game吧,HTML就像你人物本體、CSS是你角色外觀,JS就是玩家你、沒人操作他就只會站在那裡,他不會動... 的那種感覺。三個合起來才是一個網站!!( 五個人才是一個拳頭

JavaScript 可以用來驗證表單,可以讓你的網頁動起來,做炫砲的動畫效果,也可以即時更新你網頁的資料,讓你死死的網頁活起來。

大家可以想想如果沒有JS,網頁會怎麼樣?
拿最最最常看到的動畫效果 Loading 時會跑出的進度條 or 轉圈圈動畫,今天如果把那個拿掉,我們應該會癡呆的看著螢幕心裏os ( ... 現在是當機嗎 ? )

所以說 JS 很重要吧 !!! ( 驕傲


⑅ JAVA 跟 JavaScript ?

是兩碼子事。

是兩碼子事。

是兩碼子事。 結束

https://ithelp.ithome.com.tw/upload/images/20200914/20129506t2gL2kXQYK.jpg
差不多就是這種感覺 ↑ 

假如你叫黃金發,你朋友叫黃美鳳 ,然後大家都說 「欸!你們是兄妹嗎?你們都姓黃欸!」
的那種感覺 www 阿就不一樣吼 ....

其實在開發JavaScript 時,確實是有借鑑一些JAVA的特性,也不過就醬而已~
然後我也常常遇到有人問我 「欸!你最近在學JAVA喔!」
我通常會說 「對、對呀~ 我在寫程式 (懶得解釋)


⑅ 要怎麼開始寫 JavaScript ?

雜談的最後來講些有用的東西 ~
我要寫JS 囉 !!!! 我 我要開始寫囉 !!!! 你各位看好喔!!! (

STEP. 1
首先先建立一個 副檔名為 .js 的檔案。index.js 、project.js 像醬。

STEP. 2

 今天在載入JS 環境時  會在HTML 加上這串東西。
<script src='〇〇〇〇.js'></script>

〇〇〇〇.js 是你建立的 JS 檔的檔名。

至於 ... 這串東西要加在HTML的哪裡呢 ?

<head>
</head>
<body>

<script src='〇〇〇〇.js'></script>  ← 建議加在這裡ㄛ
</body>

為什麼要加在 上面 ?

因為網頁code 的執行順序是從上至下,如果將嵌入語法寫在 head 的地方,會導致你的網頁在執行JS 的過程中,找不到你寫在body 裡的扣,講簡單一點就是,會一直 error ٩(ˊωˋ*)و

這樣就可以開始寫扣了喔٩(ˊωˋ*)و

第一天就先寫到這哩 ~


⑅ 彩蛋蛋 :

因為本人為日文系畢業後去日本留學回台灣懷疑人生想斜槓工程師的迷途羔羊,順便教大家一些我在日本網站上看到的 ... 日文單字 ( ゚∀ ゚) ?!

  日文       中文      唸法 ( 遇到r不要捲舌就會超像 )

  • フロントエンドエンジニア( 前端工程師 )Fu ro n to Endo en ji ni a

  • デスクトップ( 桌面 DeskTop )de su ku to ppu

  • プログラミング言語( 程式語言 )pu ro min gu ge n go

  • Webブラウザ( WebBrowser 瀏覽器 )Web bu ra u za

  • ユーザー( user 使用者 )yu~u za~

  • テキストカーソル( 文字編輯的 那個 cursor )te ki su to ka~ so ru

  • リロード( 重新整理 Reload )ri ro ~do

  • ページ( 網頁 )pe~ ji

  • フォーム( 表格 )fo~ mu

  • 警告メッセージ( 警示訊息 )kei ko ku me sse ~ji

每天補充單字給各位哩
有日文疑問也可以留言給我 ??


下一篇
二日目:在VScode 撰寫JavaScript。插件。Chrome檢查工具。
系列文
JavaScript初心者ノ研究日記。30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
screenleon
iT邦新手 1 級 ‧ 2020-09-15 17:37:40

期待

RIN iT邦新手 5 級 ‧ 2020-09-16 21:59:24 檢舉

謝謝(๑✧∀✧๑)!我會加油!

0
Kuro Hsu
iT邦新手 1 級 ‧ 2020-09-16 01:01:37

推彩蛋

RIN iT邦新手 5 級 ‧ 2020-09-16 22:04:01 檢舉

啊啊啊!是偶像!Σ(゚Д゚) 謝謝kuro大
彩蛋只好加碼了

我要留言

立即登入留言